<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>html随记</title>
		<style>
		a{
			text-decoration: none;
		}
	</style>
	</head>
	<body>
		<p>
			html基本资料
		</p>
			<br>
		<p>
			<b>1.</b> &ltp&gt 表示写一个段落paragraph
			<br>
			<b>2.</b> &ltbr&gt 表示换行
			<br>
			<b>3.</b> &ltpre&gt 在框内完全按照text模样输出
			<br>
			<b>4.</b> &lth&gt 标题用heading, 数字越小输出越大，反之
			<br>
			<b>5.</b> &lthr&gt 水平线
			<br>
			<b>6.</b> &ltol&gt 有符号列表,列表一行内容是&ltli&gt
			<br>
			<b>7.</b> &ltul&gt 无符号列表,列表一行内容是&ltli&gt
			<br>
			<b>8.</b> &lta&gt 链接用，href,id,target=&quot_blank或者_self&quot
			<br>
			<b>9.</b> &ltimg&gt 放图片用
			<br>
			<b>10.</b> &lttable&gt 做表格用，&lttr&gt 表示一行, &lttr&gt行内一般cell,  &ltth&gt行内题目cell
			<br>
			<b>11.</b> &ltaudio&gt 放视频用
			<br>
			<b>12.</b> &ltform&gt 是 HTML 表单的核心标签，用于收集和提交用户输入的数据, &ltinput type=&quot&quot&gt
			<br>
					   常用属性：
					   <br>
					   action：提交地址。
					   <br>
				       method：提交方式（GET 或 POST）。
				       <br>
					   enctype：数据编码方式。
			<br>
			&ltinput&gt的用法以及其中name的说明
			<br><br>
			<img src="../picture/4.png" alt="explain for input tag">
			<br>
			<img src="../picture/5.png" alt="explain for name's attribute">
			<br><hr><br>
			<b>13.</b> &ltdiv&gt 分割成block的形式，内容占据网页的宽度的区域
			<br>
			<b>14.</b> &ltspan&gt 分割成inline的形式, 只占据内容的高宽区域
			<br>
			<b>15.</b> 语义化标签解释
			<br>
			<img src="../picture/1.png" alt="语义化标签解释">
			<br><hr><br>
			<b>16.1</b> &lthead&gt标签说明
			<br>
			<img src="../picture/3.png" alt="explain for head tag">
			<br><hr><br>
			<b>16.2</b>&ltmeta&gt标签说明
			<br>
			<img src="../picture/2.png" alt="explain for meta tag">
			<br><hr><br>
			<p><b>17.</b><strong>&ltdl&gt</strong> （Definition List）：定义列表的容器。&ltdt&gt（Definition Term）：定义列表中的术语或标题。&ltdd&gt（Definition Description）：定义列表中术语的描述内容。</p>
		</p>
	</body>
</html>